themename = "balder"
themepath = "/stylesheets/themes/" + themename
//-------------------------------------------------------------------------
body
    //background url(/stylesheets/themes/balder/background-stripes_balder.jpg)
    background #F1F1F1
//-------------------------------------------------------------------------
anchor_normal_style()
    color #4e4e4e

anchor_hover_style()
    color white

.resource-input
    padding 2px
    font-size 12px
    margin-right:3px;
    margin-left:3px;
    width 93px  !important
    
    
.resource
    .closy
        margin-left:3px
        position:inline
        color:gray
        cursor:pointer
        text-decoration:none
        &:hover
            cursor:pointer
            text-decoration:none
            color: black
a
    text-decoration none!important

//-------------------------------------------------------------------------
header
    //background url(/images/header.background.png)
    background-color #1d1d1d
    box-shadow 1px 1px rgba(0,0,0,0.3)
    min-height 35px
    padding 4px
    border-bottom 2px solid #3E525C
//-------------------------------------------------------------------------
user_container_style()
    //color white
    .username
        color white
        &:hover
            color rgb(106,210,206)
//-------------------------------------------------------------------------
heading_style()
    //color #2ba0aa
    font "arial", sans-serif
    color #222222
    font-size 21px
    font-weight normal
    //border-color darken(#2ba0aa, 50%)
    
//-------------------------------------------------------------------------
notification_counter_style()
    border-radius 3px
    background-color #83A0AE
    &:hover
        background-color #142F3C
//-------------------------------------------------------------------------
p.error, p.info
    color rgba(62, 82, 92, 1)
    background-color rgba(213,218,221,0.9)
    border 2px solid #3E525C
//-------------------------------------------------------------------------
.module
    border 2px solid #83A0AE
    background rgba(213,218,221,0.9)
    box-shadow 0 0 12px hsl(180, 10%, 20%)
    h5
        background rgba(62, 82, 92, 1)
        display block
        color rgba(235,235,235,1)
//-------------------------------------------------------------------------
.popup
    background hsl(81, 60%, 70%)
    h5
        background rgba(213,218,221,0.9)
        display block
        color hsla(213, 38%, 74%, 1)
//-------------------------------------------------------------------------
/*task_style()
    background rgba(213,218,221,0.9)
    &:hover
        background rgba(143,163,174,1)
        opacity 1.0 !important
*/
.task
    //padding 6px
    margin 6px
    border-radius 4px
    border 1px solid #D7D7D7
    margin-bottom 7px
    cursor pointer
    //max-width 100%
    min-height 76px
    max-height 76px
    overflow hidden
    text-overflow ellipsis
    text-wrap unrestricted
    white-space pre-wrap
    h4
        padding 4px
        //padding-left 4px
        //padding-bottom 4px
        //padding-right 20px
        text-transform uppercase
        text-decoration none
        text-align center
        overflow hidden
        text-overflow ellipsis
        white-space nowrap
        //margin-top 4px
        font-size 17px
        font-weight normal
        font-family inherit
        padding-bottom 4px
        margin-bottom 4px
        height 20px
        text-overflow ellipsis-word
        color white
    p
        font-size 13px
        font-weight normal
        padding 8px
        //padding 4px 4px 4px 4px
        display inline-block
        text-shadow 0px 1px rgba(0, 0, 0, 0.102)
        max-width 100%
        max-height 100%
        word-wrap break-word
.taskheader
    //height 40px
    border-bottom 1px solid #D7D7D7
    .risk
        float right
        border-radius 4px
        width 20px
        height 20px
        display inline-block
        margin 4px
        &.low-risk
            background-color #5BB75B
            background-image -moz-linear-gradient(top, #62C462, #51A351)
            background-image -ms-linear-gradient(top, #62C462, #51A351)
            background-image -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351))
            background-image -webkit-linear-gradient(top, #62C462, #51A351)
            background-image -o-linear-gradient(top, #62C462, #51A351)
            background-image linear-gradient(top, #62C462, #51A351)
            background-repeat repeat-x
            border-color #51A351 #51A351 #387038
            border-color rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
        &.medium-risk
            background-color #FAA732
            background-image -moz-linear-gradient(top, #FBB450, #F89406)
            background-image -ms-linear-gradient(top, #FBB450, #F89406)
            background-image -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406))
            background-image -webkit-linear-gradient(top, #FBB450, #F89406)
            background-image -o-linear-gradient(top, #FBB450, #F89406)
            background-image linear-gradient(top, #FBB450, #F89406)
            background-repeat repeat-x
            border-color #F89406 #F89406 #AD6704
        &.high-risk
            background-color #DA4F49
            background-image -moz-linear-gradient(top, #EE5F5B, #BD362F)
            background-image -ms-linear-gradient(top, #EE5F5B, #BD362F)
            background-image -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F))
            background-image -webkit-linear-gradient(top, #EE5F5B, #BD362F)
            background-image -o-linear-gradient(top, #EE5F5B, #BD362F)
            background-image linear-gradient(top, #EE5F5B, #BD362F)
            background-repeat repeat-x
            border-color #BD362F #BD362F #802420
            border-color rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
//-------------------------------------------------------------------------
period_style()
    h3
        border-bottom 3px solid hsla(180, 10%, 20%,1)
//-------------------------------------------------------------------------
nav_style()
    padding-top 15px
    &.selected
        .menuimg
            opacity 1
        .menulabel
           color #000000
        #summary
            background url(themepath+"/32/summary-icon.png") no-repeat transparent
        #ideas
            background url(themepath+"/32/ideas-icon.png") no-repeat transparent
        #proposals
            background url(themepath+"/32/proposals-icon.png") no-repeat transparent
        #tasks
            background url(themepath+"/32/tasks-icon.png") no-repeat transparent
        #evaluations
            background url(themepath+"/32/evaluation-icon.png") no-repeat transparent
        #settings
            background url(themepath+"/32/settings-icon.png") no-repeat transparent
        #admin
            background url(themepath+"/32/admin-icon.png") no-repeat transparent
    &:hover
        .menuimg
            opacity 1
        .menulabel
            color #000000
        #summary
            background url(themepath+"/32/summary-icon.png") no-repeat transparent
        #ideas
            background url(themepath+"/32/ideas-icon.png") no-repeat transparent
        #proposals
            background url(themepath+"/32/proposals-icon.png") no-repeat transparent
        #tasks
            background url(themepath+"/32/tasks-icon.png") no-repeat transparent
        #evaluations
            background url(themepath+"/32/evaluation-icon.png") no-repeat transparent
        #settings
            background url(themepath+"/32/settings-icon.png") no-repeat transparent
        #admin
            background url(themepath+"/32/admin-icon.png") no-repeat transparent
.nav-notifications
    display none
nav .menuimg
    height 32px
    width 32px
    display block
    margin 0 auto
    opacity 0.4
nav #summary
    background url(themepath+"/32/des/summary-icon.png") no-repeat transparent
nav #ideas
    background url(themepath+"/32/des/ideas-icon.png") no-repeat transparent
nav #proposals
    background url(themepath+"/32/des/proposals-icon.png") no-repeat transparent
nav #tasks
    background url(themepath+"/32/des/tasks-icon.png") no-repeat transparent
nav #evaluations
    background url(themepath+"/32/des/evaluation-icon.png") no-repeat transparent
nav #settings
    background url(themepath+"/32/des/settings-icon.png") no-repeat transparent
nav #admin
    background url(themepath+"/32/des/admin-icon.png") no-repeat transparent

content_style()
    border 1px solid #D7D7D7
    border-radius 0 0 4px 4px
    background rgba(255,255,255,0.7)
    box-shadow 0 0 12px hsla(180, 10%, 20%,0.1)
.eventContainer
    display block
    margin 16px 0 0
.eventIcon
    #task, #proposal, #idea,#none
        float left
        margin 0px 16px 8px 16px
        border-radius 4px
        height 48px
        width 48px
        box-shadow 0px 2px 4px rgba(0, 0, 0, 0.047)
    #task
        background url(themepath+"/48/tasks-icon.png") no-repeat transparent
    #idea
        background url(themepath+"/48/ideas-icon.png") no-repeat transparent
    #proposal
        background url(themepath+"/48/proposals-icon.png") no-repeat transparent
    #none
        background url(themepath+"/48/chat-icon.png") no-repeat transparent
.event
    display block
    border 1px solid #CCCCCC
    border-radius 3px
    box-shadow 0px 2px 4px rgba(0, 0, 0, 0.047)
    margin-left 80px
    max-width 500px
.contentHeader
    //border-bottom 1px solid #D7D7D7
    //background #FFFFFF
    //height 40px
    //line-height 55px
    padding 0px 19px
    display block
    white-space nowrap
.contentHeaderDesc
    display inline-block
    //position relative
    color #999999
    font-size 14px
    padding 0px 0px 0px 20px
//-------------------------------------------------------------------------
.headRow
    border-bottom 1px solid #D7D7D7
    margin-bottom 25px
//-------------------------------------------------------------------------
.approveBox
    display block
    margin 0px 16px 16px 16px
    //padding 8px 16px 8px 16px
    border 1px solid rgba(0,0,0,0.08)
    border-radius 4px
    min-height 100px
    max-height 400px
    overflow-y auto
.tabHeader
    display inline-block
    margin-left 20px
    margin-top 15px
    margin-bottom 0px
    //color #999999
    width 176px
    height 30px
    font-weight 700
    border 1px solid transparent
    border-top-left-radius 4px
    border-top-right-radius 4px
    padding 0 8px
    background-color #4D90FE // D14836
    color #FFFFFF
    text-shadow 0px 1px rgba(0, 0, 0, 0.102)
    text-transform uppercase
    text-decoration none
    text-align center
    line-height 30px
    min-width 176px
.userBox
    display inline-block
    height 48px
    margin-right 23px
    width 256px
    background-color #F4F4F4
    background-image linear-gradient(top, #FFFFFF, #F4F4F4)
    border 1px solid #DDDDDD
    border-radius  6px
    box-shadow 0px 1px 0px #AAAAAA
    margin 9px 9px 9px 9px
    opacity 1
    padding 8px
    position relative
    vertical-align top
    font 13px "arial", sans-serif
    &:hover
        background #FECA40
.userImage
    height 48px
    width 48px
    border-radius 4px
    border: medium none currentColor
    float left
.userText
    font-size 13px
    padding 4px 4px 4px
    height 16px
    overflow hidden
    text-overflow ellipsis
    width 176px
    display block
    line-height normal
    white-space nowrap
    color #000000
.userName
    font-weight 700
    font-size 13px
    padding 4px 4px 4px
    height 16px
    overflow hidden
    text-overflow ellipsis
    width 176px
    display block
    line-height normal
    white-space nowrap
    color #000000
.selectUsers .ui-selected
    background #F39814!important
    color white
.selectUsers .ui-selecting
    background #FECA40!important
#sumTitle
    font-weight 700
    padding 8px 16px 8px 16px
    display block
#sumDate
    color #999999
    font-size 11px
    font-weight normal
    padding-left 10px
#sumDesc
    display block
    font-size 13px
    line-height 1.4
    padding 8px 16px 08px 16px
    border-top 1px solid #E9E9E9
.buttonGroup
    display inline-block
    float right
    margin-top 15px
.flexigrid
    display none
    margin-top 8px
.buttonGroup
    .greyButton
        //padding 0px 0px 0px 0px
    .redButton
        margin 0
.quartalSelection
    .greyButton
        //padding 0px 0px 0px 0px
    .redButton
        margin 0
    //margin-left 5px
    //display inline-block
    padding-top 4px
.yearSelector
    font-size 11px
    font-weight 700
#yearValues
    overflow-y auto
    max-height 220px
    li a
        cursor pointer
    // max-height 100px // litt lite på smartboard tror jeg? =D
.inline-block
    display inline-block
.settingsContainer
    display block
    margin-left 8px
    max-width 500px
    width 500px
    .userBox
        &:hover
            background-color #F4F4F4
.userProfile
    border-bottom 1px solid #D7D7D7
    display block
    padding 12px
.passwordContainer
    padding-bottom 30px
    padding-top 10px
    display none
    border-top 1px solid #D7D7D7
.mailContainer
    padding-top 30px
    padding-top 10px
    display none
    border-top 1px solid #D7D7D7

//-------------------------------------------------------------------------
.bigModal{
   width:940px !important
   margin-left:-470px;
}
//-------------------------------------------------------------------------
.login
    background #FFFFFF
    .infocontainer
        border 1px solid #CCCCCC
        border-radius 3px
        box-shadow 0 0 5px #888
        padding-bottom 24px
        input
            color               #000000
            border              1px solid #cdcfd1
            box-shadow          1px 1px 1px #888
        input[type="submit"]
            &:hover
                background #e1e1e1
.loginlogo
    background url(themepath+"/logo.png") no-repeat transparent
    height 250px
    width 250px
    display inline-block
.loginbkg
    height 407px
    background url(themepath+"/loginback.png") repeat-x transparent
    span.signup
        position absolute
        top 0px
        right 0px
span.version
    padding-top 15px
    display block
    line-height 17px
    color #999999
    font-size 11px

.redButton
    border 1px solid transparent
    border-radius 2px
    padding 0 8px
    cursor pointer
    margin 0px 0px 0px 1em
    background-color #D14836
    color #FFFFFF
    text-shadow 0px 1px rgba(0, 0, 0, 0.102)
    text-transform uppercase
    text-decoration none
    text-align center
    display inline-block
    font-size 11px
    font-weight 700
    height 27px
    line-height 27px
    min-width 56px
    padding 0px 8px
    &:hover
        background-color #c54433
        border-bottom-color #D14836
        border-left-color #D14836
        border-right-color #D14836
        border-top-color #D14836
        box-shadow inset 0px 0px 0px 1px #FFFFFF
        color #f4eac2
.greyButton
    background-color #eaeaea
    border 1px solid gainsboro
    border-color #c6c6c6
    background-image linear-gradient(top,whiteSmoke,#F1F1F1)
    color #444444
    font-size 11px
    border 1px solid transparent
    border-radius 2px
    padding 0 8px
    text-shadow 0px 1px rgba(0, 0, 0, 0.05)
    text-transform uppercase
    text-decoration none
    text-align center
    cursor pointer
    display inline-block
    font-weight 700
    height 27px
    line-height 27px
    min-width 54px
    border-spacing 0px
    &:hover
        border 1px solid #45d1d0
        border-radius 2px
        outline medium none currentColor
        background-color whiteSmoke
        color #585858
        box-shadow inset 0px 0px 0px 1px rgba(255, 255, 255, 0.506)

.signup
    display inline-block
    float right
    padding-top 16px
    padding-right 36px
.newUser
    margin 0px 0px 1.5em
    position relative
    display block
    background #F5F5F5
    border 0px solid #E5E5E5
    margin 0px
    padding 25px
    margin-left 500px
    width 362px
    a.redButton
        float right
.newuser
    h1
        margin-bottom 16px
#createaccount
    legend
        line-height 14px
        strong
            //font 81.25%/1 "arial", "helvetica", sans-serif
            font-weight 700
            font-size 14px
            padding-left 4px

legend
    display block
    margin 0px
    padding 0px
label
    strong
        display none
        margin 0px 0px 0.5em
        width 100%
    input
        width 100%
        background #FFFFFF
        border-bottom 1px solid #D9D9D9
        border-left 1px solid #D9D9D9
        border-radius 1px
        border-right 1px solid #D9D9D9
        border-top 1px solid #C0C0C0
        box-sizing border-box
        display inline-block
        height 29px
        margin 0px
        padding 0px 8px
        padding-right 15px
        text-align default
        text-indent 0px
        text-transform none
        &:hover
            border 1px solid #D9D9D9
            box-shadow inset 0px 1px 2px rgba(0, 0, 0, 0.298)
            outline medium none currentColor
        &:focus
            border 1px solid #4D90FE
            box-shadow inset 0px 1px 2px rgba(0, 0, 0, 0.298)
            outline medium none currentColor
    span
        left 10px
        color #999999
        position absolute
        top 8px
        display block
fieldset
    border 0px none currentColor
    margin 0px
    padding 0px
    padding-top 5px
    padding-bottom 5px
.hidden
    display none
    font-size 11px
    margin-left 5px

.boxfield
    margin-right 5px
    width 150px
    display inline-block
    position relative
.regular
    display block
    position relative
.validField
    border 1px solid #669733
    background url(themepath+"/16/evaluation-icon.png") no-repeat transparent right center
    outline medium none currentColor
    &:hover
        border 1px solid #669733
.invalidField
    border 1px solid #DD4B39
    background url(themepath+"/16/block-icon.png") no-repeat transparent right center
    outline medium none currentColor
    &:hover
        border 1px solid #DD4B39

.flexigrid
    .fbutton
        .true
            background url(/stylesheets/images/accept-attribute-small.png) no-repeat center left
        .false
            background url(/stylesheets/images/close.png) no-repeat center left

//-------------------------------------------------------------------------

@import "./public"+themepath+"/balder_pos"